<template>
    <childComponent />
</template>

<script setup lang="jsx">
import { ref } from "vue";

const childComponent = () => {
    const componentName = ref("子组件")
    const componentDes = ref("这是一个子组件")
    return (
        <div>
            <h1>{componentName.value}</h1>
            <p>{componentDes.value}</p>
        </div>
    )
}
</script>
